<template>
  <section class="notes">
    <section class="notes-content">
      <template v-if="content">{{ content }}</template>
      <template v-else>
        <p>{{ tip }}</p>
      </template>
    </section>
  </section>
</template>
<script>
import mixins from './../mixins'
export default {
  name: 'VNotes',
  componenttype: 'view',
  mixins: [mixins],
  props: {
    option: {
      type: Object,
      default: {}
    }
  },
  data () {
    return {
      tip: '在此添加 注意事项 或 填写要求 等，来指导使用者(或填写者)正确地操作'
    }
  },
  computed: {
    content () {
      return this.option.content || ''
    }
  }
}
</script>
<style lang="scss" scoped>
@import '@/styles/var.scss';
.notes {
  .notes-content {
    font-size: 12px;
    line-height: 15px;
    color: $f2;
    > p {
      color: $f4;
      margin: 0;
      padding: 0;
    }
  }
}
</style>
